<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html;charset=utf-8" http-equiv="content-type" />
		<meta name="description" content="CMSMasters website template" />
		<meta name="keywords" content="html, css, template" />
		
		<link rel="shortcut icon" href="images/favicon.png" type="image/png" />
        
        <link rel="stylesheet" type="text/css" href="css/highslide.css">
		<link rel="stylesheet" type="text/css" href="css/animate.css">
		<link rel="stylesheet" type="text/css" href="css/my_css.css">
		
        <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="js/highslide-with-html.js" type="text/javascript"></script>
        <script src="js/highslide-full.js" type="text/javascript"></script>
		<script src="js/script.js" type="text/javascript"></script>
		<script src="js/my_js.js"></script>
        
	    <script type="text/javascript">
        	hs.graphicsDir = '../Pages/images/graphics/';
			hs.outlineType = 'rounded-white';
			hs.showCredits = false;
			hs.wrapperClassName = 'draggable-header';
			hs.minWidth = 465;
			hs.align = 'center';
        </script>
        
        <style>
			.highslide-html-content {
				width:455px;
			}
			
			.myshiny_box {
				position:relative; 
				top:0; 
				left:0; 
				float:none; 
				margin:0 0 5px 5px; 
				border:1px solid #CCC; 
				background-color:#FFFFBC;
			}
        </style>
        
        <title>Anime Code</title>
	</head>
	
    <body id="body_page">
<!-- _________________________ Start Page _________________________ -->
		<section id="page">

<!-- _________________________ Start Header _________________________ -->
			<header class="main_header">
				<div class="header">
                    	
<!-- _________________________ Start Search _________________________ -->
					<div class="search_line">
						<form action="#">
							<input type="text" name="search" id="search" value="enter keywords" />
							<input type="submit" value="" />
						</form>
					</div>
<!-- _________________________ Finish Search _________________________ -->

<!-- _________________________ Start Navigation _________________________ -->
				<nav id="mainmenu"></nav>
<!-- _________________________ Finish Navigation _____________________ -->
				</div>
			</header>
<!-- _________________________ Finish Header _________________________ -->

<!-- _________________________ Start Top _____________________________ -->
			<section class="middle_content clr">
           		<!--<a href="#" onclick="return hs.htmlExpand(this)">Test</a>
                <div class="highslide-maincontent">
                	<img src="images/Angel Beats (cov).jpg"/>
                </div>-->
                
                <div id="doc" style="width:1000px; margin:0 auto;">
                	<div class="heading">Anime Scout</div>
                	
                    <div style="height:585px; overflow:auto;">
                        
                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #f6f7ff;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:80px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Perfect</span><i> (10)</i> 
                                </h3>
                                <br />  
                                <div id="hof_perfect" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>
                        
                        <div class="star_wrapper">
                            <div class="legend" style="background-color: #f5ffff;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:72px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Excellent</span><i> (from 9.5 to 9.99)</i> 
                                </h3>
                                <br />  
                                <div id="hof_excellent" style="margin: 10px 0 15px 0;">
                                    <center>
                                    	<div class="d_td" style="padding:0 5px;">
                                            <a href="#" onClick="return hs.htmlExpand(this)">
                                                <img src="images/Angel Beats (cov).jpg" class="mybordered"/>
                                            </a>
                                        
                                            <div class="highslide-maincontent">
                                                <h4>Angel Beats</h4>
                                                <div class="d_td"><img class="mybordered" src="images/xxxHOLiC Kei.jpg" width="150"/></div>
                                                
                                                <div class="d_td" style="vertical-align:middle;">
                                                    <div class="myshiny_box">
                                                        <div class="d_table">
                                                            <div class="d_tr">
                                                                <div class="d_td modified_td">Story</div>
                                                                <div id="ac_story" class="d_td mybar"><span class="myfiller" style="width:50%;">50</span></div>
                                                            </div>
                                                            <div class="d_tr">
                                                                <div class="d_td modified_td">Animation</div>
                                                                <div id="ac_animation" class="d_td mybar"><span class="myfiller" style="width:50%;">50</span></div>
                                                            </div>
                                                            <div class="d_tr">
                                                                <div class="d_td modified_td">Sound / Music</div>
                                                                <div id="ac_sound" class="d_td mybar"><span class="myfiller" style="width:50%;">9,8</span></div>
                                                            </div>
                                                            <div class="d_tr">
                                                                <div class="d_td modified_td">Character</div>
                                                                <div id="ac_char" class="d_td mybar"><span class="myfiller" style="width:50%;">7,6</span></div>
                                                            </div>
                                                            <div class="d_tr">
                                                                <div class="d_td modified_td">Enjoyment</div>
                                                                <div id="ac_enjoyment" class="d_td mybar"><span class="myfiller" style="width:50%;">2</span></div>
                                                            </div>
                                                        </div> 
                                                    
                                                        <div class="d_table" style="margin-top:10px;">
                                                            <div class="d_tr">
                                                                <div class="d_td modified_td" style="width:94px;"><b>OVERALL</b></div>
                                                                <div id="ac_overall" class="d_td mybar"><span class="mylastfiller" style="width:50%;">10</span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </center>
                                </div>
                            </div>
                        </div>

                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #f4feea;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:64px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Better</span><i> (from 9 to 9.49)</i> 
                                </h3>
                                <br />  
                                <div id="hof_better" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>

                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #f4feea;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:56px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Good</span><i> (from 8.5 to 8.99)</i> 
                                </h3>
                                <br />  
                                <div id="hof_good" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>

                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #f5f5f5;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:48px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Moderate</span><i> (from 8 to 8.49)</i> 
                                </h3>
                                <br />  
                                <div id="hof_moderate" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>

                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #f5f5f5;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:40px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Fair</span><i> (from 7.5 to 7.99)</i> 
                                </h3>
                                <br />  
                                <div id="hof_fair" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>

                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #ffffea;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:32px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Bad</span><i> (from 6.5 to 7.49)</i> 
                                </h3>
                                <br />  
                                <div id="hof_bad" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>

                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #ffffea;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:24px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Poor</span><i> (from 6 to 6.49)</i> 
                                </h3>
                                <br />  
                                <div id="hof_poor" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>
                        
                        <div class="star_wrapper" style="margin-top:0;">
                            <div class="legend" style="background-color: #fff4f4;"> 
                                <h3 class="legend-title">
                                    <div class="myrating_star_user" style="float: left; margin-right: 10px;">
                                        <div style="width:16px;">&nbsp;</div>
                                    </div> 
                                    <span style="font-size: 14px; font-weight: bold;">Terrible</span><i> (below 6)</i> 
                                </h3>
                                <br />  
                                <div id="hof_terrible" style="margin: 10px 0 15px 0;">
                                    <center></center>
                                </div>
                            </div>
                        </div>

                    </div>
                    
                </div>	
                
			</section>
<!-- _________________________ Finish Top _________________________ -->

<!-- _________________________ Start Top Sidebar __________________ -->
			<!--<section class="top_sidebar">
				
			</section>-->
<!-- _________________________ Finish Top Sidebar _________________ -->

<!-- _________________________ Start Middle _______________________ -->
			<!--<section id="middle">-->

<!-- _________________________ Start Content _________________________ -->
				<!--<section class="middle_content">
					
				</section>-->
<!-- _________________________ Finish Content _________________________ -->

			<!--</section>-->
<!-- _________________________ Finish Middle __________________________ -->

		</section>

<!-- _________________________ Finish Page _________________________ -->

<!-- _________________________ Start Footer ________________________ -->
		<!--<footer class="main_footer">
		
		</footer>-->
<!-- _________________________ Finish Footer _________________________ -->
		
	</body>
</html>
